Vivado HLS in a Nutshell
本文将详细介绍Vivado HLS的配置、入门及优化方法，包括各类pragma及库函数，同时给出大量参考资料供查阅。C-HLS可以简单理解为C/C++语言的扩展，即提供了一些硬件编译指示，从而使得高层的规范(specification)可以被映射到RTL层级的电路描述。快速入门C/C++中的设施与硬件设施有如下对应。C/C++...
2024-01-10
【Vue】vuejs如何实现这样的展开收起动画？
如图中的是jquery实现的，那么在vue中如何实现呢？我试着用<transition>，但是用的很笨，望前辈们指教指教，如果能贴个示例代码的话，万分感谢~！回答这个组件当初自己也搞了很久，最后因为不知道隐藏层的高度没有使用css实现效果，可以参考element-ui通过overflow获取高度的方法创建了一个函数式组件...
2024-01-10
【前端】vue组件如何引入外部js
我想在一个单页组件中引入一个外部的swiper.js，我不想安装依赖，想直接导入js，有办法实现吗，import和require都尝试过但是好像没有成功回答require / exports 是 CommonJS(在Node中实现) , import / export 是 ES2015 的模块，使用 vue 必然会用到 webpack，webpack 1 对 CommonJS 默认支持，对 ES2015 也只要使用 babel 就可以了。h...
2024-01-10
vue的路由懒加载多个js问题？
完成路由懒加载之后，有些页面是自己的js，有些页面内有多个文件的js呢，如图，我只打开了StyduGradenList页面，打开页面后还加载了一些别的页面的js，应该不是所有页面的js文件，其他的这几个js是怎么进来的呢回答：组件需要的 JS 吧，看起来跟 AntD 有关。其实这就是路由懒加载的好处，即你不用关心哪些 JS 是必须的，包管理工具会帮你处理，省好多事。回答：这个是因为你页面公共部...
2024-03-14
vue js 正则 分割
var aa = " ___(1)___ \n ___(2)___ \n ___(3)___ \n ___(4)___ \n___(5)___ \n___(6)___ \n ___(7)___ \n ___(8)___ \n ___(9)___ \n ___(10)___ "求一正则将数组转换成var aa = [' ', '___(1)___', ' \n ', '___(2)___',...
2024-02-27
vue中wowjs的使用
笔者亲测，在vue中使用wow.js如果不按照以下方法实施，会出现意想不到的BUG,网页刷新后图片就全部突然看不到了，被增加了一个隐藏属性，建议大家严格按照方法执行，不要随意使用（1）通过npm安装：npm install wowjs --save-devanimate.css会自动安装。（2）在main.js中引入animate.cssimport 'animate.css'在组件需...
2024-01-10
js、vue事件捕获、事件冒泡说明与使用
概念理解 1、事件捕获(event capturing)事件从顶层（window对象）开始触发到被点击的精确元素事件触发的过程2、事件冒泡事件从点击元素事件触发到顶层对象事件触发的顺序触发过程3、流程图说明简单的来说，捕获：一个自顶层元素向最里层元素（HTML代码为包裹的形式的）执行事件的方式；冒泡：...
2024-01-10
vue 引用 js 文件问题
js导出 方法 initDragResize在多个vue文件中使用会相互影响这两个vue文件同时在页面上渲染 引用的js文件中的方法的参数maxW会相互冲突导致一个文件的方法失效回答：initDragResize() 每次调用都是对同一个 HTML 元素进行操作，肯定是最后一次生效。这里要看你的初始化策略，如果每次进某个组件都按这个组件的要求进行初始化，大概就是现在的操作。但是貌似不是你想要的结...
2024-02-19
vue组件内部引入远程js文件
之所以要做这个是因为，在一个组件内部需要引入一个js文件来定位。如果放在index.html，这样每个组件都会有这个js。所以需要在组件内单独引入。第一种操作 Dom引入js：export default { mounted() { const s = document.createElement('script'); s.type = 'text/javascript'; s.src = '你的需要的js文件地址'; document.body...
2024-01-10
QS：vue中qs的使用
关于Vue中，序列化字符串，处理发送请求的参数使用工具qs来处理参数步骤：1、首先先下载：npm i qs 2、然后引入 ：import qs from 'qs'3、qs主要有两个方法 ：方法一：将对象序列化，多个对象之间用&拼接（拼接是由底层处理，无需手动操作）qs.stringify() 转换成查询字符串let comments = {content: this....
2024-01-10
vue网络请求方案原生网络请求和js网络请求库
一、 原生网络请求1. XMLHttpRequest（w3c标准） // 没有promise时的产物当时的万物皆回调，太麻烦2. Fetch // html5提供的对象，基于promise 因为promise的存在，为了简化网络请求。使用 Fetch - Web API 接口参考 | MDNFetch是新的ajax解决方案 Fetch会返回Promise对象。fetch不是ajax的进一步封装，而是原生js，没...
2024-01-10
Vue.js实现音乐播放器
本文实例为大家分享了Vue.js实现音乐播放器的具体代码，供大家参考，具体内容如下目录如下：运行效果如图所示：代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script src="js/vue.js" type="text/javascript" charset="utf-8"></script> <style type="text/css"> * { margin: 0; pa...
2024-01-10
vue.js实现含搜索的多种复选框（附源码）
前言最近在重构一个复选框组件，原型是select2这个jQuery插件， 有兴趣的可以去搜下，封装的很好，但是并不能满足业务所有需求，最要命的是jquery插件这种以dom驱动数据的库，并不能和vue和angular这种数据驱动dom的框架很好的结合，所以我用vue的component重构了一下，走了不少弯路，做的demo分享出来，...
2024-01-10
【JS】探索 Vue.js 响应式原理
提到“响应式”三个字，大家立刻想到啥？响应式布局？响应式编程？从字面意思可以看出，具有“响应式”特征的事物会根据条件变化，使得目标自动作出对应变化。比如在“响应式布局”中，页面根据不同设备尺寸自动显示不同样式。Vue.js 中的响应式也是一样，当数据发生变化后，使用到该数据...
2024-01-10
【前端】Vue.js实现网格列表布局转换
网格列表布局转换实现效果：实现代码及注释：<!DOCTYPE html><html><head> <title>布局转换</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <style> /* Hide un-compiled mustache...
2024-01-10
vue.js简单入门
https://blog.csdn.net/mzl87/article/details/91844586#VUE.JS%E7%AE%80%E4%BB%8Bhttps://blog.csdn.net/mzl87/article/details/85055353https://cn.vuejs.org/v2/guide/installation.html vue.js官方中文(内有讲解视频)https://www.cnblogs.com/oopsguy/p/7837400.html ASP...
2024-01-10Vue.js 递归组件实现树形菜单（实例分享）
最近看了 Vue.js 的递归组件，实现了一个最基本的树形菜单。项目结构：main.js 作为入口，很简单：import Vue from 'vue'Vue.config.debug = trueimport main from './components/main.vue'new Vue({ el: '#app', render: h => h(main)})它引入了一个组件 main.vue：<template> <div class="tree-menu"> <ul v-for="menuItem i...
2024-01-10vue.js实现只弹一次弹框
核心代码是 getCookie()部分,控制弹框的显示隐藏则在 created()中。<template> <div v-if="isShow"> <!--最外层背景--> <div class="popup_container"> <!--居中的容器--> <img @click="noPopup" src="delete.png" alt=""> <!--关闭弹框--> <div class="popup_text"> <!--内容部分--> Lorem ipsum dolor sit ...
2024-01-10
Vue.js入门系列（一）
Vue官网：https://cn.vuejs.org/v2/guide/forms.html#基础用法【入门系列】(一) http://www.cnblogs.com/gdsblog/p/7804785.html(二) http://www.cnblogs.com/gdsblog/p/7804770.html(三) http://www.cnblogs.com/gdsblog/p/7804758.html （四） http://www.cnblogs.com/gdsblog/p/7804758....
2024-01-10
《Vue.js实战》--推荐指数⭐⭐⭐⭐
献上pdf版本的百度网盘链接: https://pan.baidu.com/s/1YRwyR_ygW3tzBx1FbfjO1A 提取码: b255 先来看下目录:看完这本书大概花了一个星期，走马观花直接扫完了，哈哈，不过也确实对vue的了解更深了这本书是iview的作者写的，以vue2.0为基础，以经典的demo例子和一些项目实战来引导读者渐进的学习，感觉挺好的总共...
2024-01-10
Vue.js----更换头像不实时更新问题
原因导致问题的原因是缓存造成的，因为你图片变了但是读取头像的地址还会没有变化的解决思路所以解决的思路就是上传之后让图片地址改变，那么我们就可以在上传的时候给地址加上一个时间戳那么久可一达到目的了<img :src="head ? head + '?t=' + (new Date().getTime()) : ''"/>如上代码在上传的时候给图片...
2024-01-10
vue变异方法
push() 往数组最后面添加一个元素，成功返回当前数组的长度 pop() 删除数组的最后一个元素，成功返回删除元素的值 shift() 删除数组的第一个元素，成功返回删除元素的值unshift() 往数组最前面添加一个元素，成功返回当前数组的长度 splice() 有三个参数，第一个是想要删除的元素的下...
2024-01-10
vue系列
vue学习（一）ES6常用语法vue学习（二）Vue常用指令vue小练习--音乐播放器vue学习（三）组件传值vue学习（四）插槽vue学习（五）生命周期 的钩子函数vue学习（六）异步组件加载vue学习（七）refs的使用vue学习（八）nextTick[异步更新队列]的使用和应用vue学习（九）对象变更检测注意事项vue学习（十...
2024-01-10
vue简易记事本开发详解
本文实例为大家分享了vue实现易记事本的具体代码，供大家参考，具体内容如下css代码#todoapp { margin: 0 400px; width: 600px; background-color: gray; text-align: center;}.content { margin:0px 100px;}.todo { margin: 10px; text-align: left; background-color:green;}.btn { float: right;...
2024-01-10
vue入门一
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title></title> <style type="text/css"> .box{ ...
2024-01-10
vue体验
#################################安装：1，安装node.js ：Javascript运行环境，其中的npm就是Node.js下的包管理器。2，命令行安装cnpm ：npm install -g cnpm --registry=https://registry.npm.taobao.org3，命令行vue的脚手架vue-cli：npm install -g vue-cli4，vscode软件安装：5，vscode中安装插件：Vetur插件脚手架使用：1，创建vue项...
2024-01-10
vue备用
handleCheck (item) { if (item.isChecked) { this.checkData.push(item.id) this.checkData = _.uniqWith(this.checkData, _.isEqual) } else { this.checkData = _.remove(this.checkData, i => i !== item.id) } },<template slot=...
2024-01-10
vue实现手风琴效果
本文实例为大家分享了vue实现手风琴效果的具体代码，供大家参考，具体内容如下利用鼠标移入移出事件实现内容出现隐藏用到的知识点：1.@mouseover 鼠标移入事件2.@mouseout 鼠标移出事件3.v-if 条件渲染<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <!-- 简单样式设置 --> <style type="text/css"...
2024-01-10
vue的工作机制
Vue工作机制：1、 new Vue()的时候执行了一个init函数2、 $mount，在main.js中3、 Compile含有编译器的话就执行，没有的话就不执行，字符串写的模板需要编译，直接用template标签写的就不用编译器，平时使用的没有编译器，vue.js里边有编译器4、 Render函数，渲染函数，上边的template转换成了render函数，所以...
2024-01-10
vue开发规范
https://juejin.im/post/5ada9b586fb9a07aaf34c746https://juejin.im/post/5b67e49551882508603d1431#heading-29...
2024-01-10
vue简易记事本开发详解
本文实例为大家分享了vue实现易记事本的具体代码，供大家参考，具体内容如下css代码#todoapp { margin: 0 400px; width: 600px; background-color: gray; text-align: center;}.content { margin:0px 100px;}.todo { margin: 10px; text-align: left; background-color:green;}.btn { float: right;...
2024-01-10
